<template>
  <div class="aaa">
    <headersxqy :cherai="cherai" />
    <div class="bbb">
      <div class="item">硕士研究生</div>
      <div
        class="item"
        style="
          width: 0px;
          height: 26px;
          border: 2px solid;
          border-color: #666666;
        "
      ></div>
      <div class="item" style="color: red">博士研究生</div>
      <div
        class="item"
        style="
          width: 0px;
          height: 26px;
          border: 2px solid;
          border-color: #666666;
        "
      ></div>
      <div class="item">同等学力</div>
    </div>
    <div class="ccc">
      您所在位置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首页·招生工作·博士研究生·通知公告
    </div>
    <div class="ddd" v-for="item in 7" :key="item">
      <div class="leftpo">
        <img src="@/assets/imgs/j.png" alt="" style="height: 150px" />
      </div>
      <div class="rightpo">
        <div class="a">军事科学院2022年“申请-考核”制博士研究生招生公告</div>
        <div class="b">
          2022年，我院非军事学学科博士研究生继续实行“申请-考核”制招生，军事学学科采取普通招考方式招生，现将报考“申请-考核”制博士研究生有关事项通知如下：我院招生计划分为军队计划和教育部计划，各学科拟招生人数请参见我院2022年博士招生简章。
        </div>
        <div class="cd">
          <div class="c">
            <img
              src="@/assets/imgs/k.png"
              alt=""
              style="width: 9px; height: 9px; background-color: #999999"
            />
            2021.10.26
          </div>
          <div class="d">浏览量：1435</div>
        </div>
      </div>
      <div class="e"></div>
    </div>
    <div class="g">加载更多</div>
    <div class="kuang">
      <div
        style="
          background-color: #b21315;
          font-family: Source Han Sans CN;
          font-weight: 500;
          color: #ffffff;
          font-size: 26px;
        "
      >
        通知公告
      </div>
      <div>招生简章</div>
      <div>招生专业内容</div>
    </div>
    <Topnav />
  </div>
</template>

<script>
import Topnav from "@/components/topnav.vue";
import Bottom from "@/components/bottom.vue";
import Headersxqy from "@/components/headersxqy.vue";
export default {
  name: "",
  data() {
    return {
      cherai: {
        title: "院部概况",
        imgherf: "@/assets/imgs/m.png",
      },
    };
  },
  components: {
    Topnav,
    Bottom,
    Headersxqy,
  },
  methods: {},
};
</script>


<style lang="less" scoped>
.aaa {
  width: 1500px;
}
.bbb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 95px;
}
.bbb > div {
  width: 100px;
  height: 26px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  font-size: 26px;
  margin-right: 140px;
}
.ccc {
  height: 20px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #666666;
  font-size: 20px;
  margin-top: 75px;
  margin-left: 170px;
}
.ddd {
  margin-top: 65px;
  margin-left: 170px;
  display: flex;
}
.ddd > div {
  float: left;
}
.leftpo > img {
  width: 156px;
}
.rightpo {
  margin-left: 20px;
}
.a {
  width: 500px;
  height: 20px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #333333;
  font-size: 20px;
  margin-bottom: 21px;
}
.b {
  width: 652px;
  height: 58px;
  font-family: Microsoft YaHei;
  color: #666666;
  font-size: 12px;
}
.cd > div {
  float: left;
}
.c {
  margin-top: 4px;
  margin-top: 20px;
  //   width: 66px;
  // height: 16px;
  // font-family: Microsoft YaHei;
  // color: #999999;
  // font-size: 12px;
  font-size: 12px;
  color: #999999;
}
.d {
  margin-top: 17px;
  margin-left: 498px;
  width: 78px;
  height: 16px;
  font-family: Microsoft YaHei;
  color: #999999;
  font-size: 12px;
  text-align: right;
}
.e {
  width: 650px;
  height: 0px;
  border: 1px solid;
  border-color: #eeeeee;
  margin-left: 175px;
  margin-top: 150px;
  position: absolute;
}
.g {
  width: 520px;
  height: 54px;
  background-color: #e4e4e4;
  border-radius: 5px;
  margin: auto;
  margin-top: 146px;
  text-align: center;
  line-height: 54px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  font-size: 24px;
  text-align: center;
}
.kuang {
  width: 270px;
  height: 255px;
  position: absolute;
  top: 980px;
  right: 150px;
  text-align: center;
}
.kuang > div {
  height: 80px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  line-height: 80px;
  font-family:Source Han Sans CN;
font-weight:500;
color:#666666;
font-size:26px;
}
</style>